<template>
  <div>
    <h5 class="mb-2" style="height: 50px">Default colors</h5>
    <el-menu unique-opened="true" @open="handleOpen" @close="handleClose">
      <MenuItem :menuList="menuList"></MenuItem>
    </el-menu>
  </div>
</template>

<script lang="ts" setup>
import MenuItem from '@/views/components/MenuItem.vue'
import { useUserStore } from '@/stores/userStore'
const userStore = useUserStore()
const menuList = userStore.userInfo.menuList
const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
</script>
